<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Payroll and Timesheet Management Website</title>
    <link rel="stylesheet" type="text/css" href="styles.css"/>
	<script type="text/javascript" src="pwcheck.js">
    </script>
  </head>
  <body>
	<div class="logo">
		<img src="logo.png" alt="Payroll and Timesheet Management Website" />
	</div>
	<!-- basic user links-->
	<div class="user_links">
		<a href="time.html">Main Page</a> &nbsp;&nbsp;|&nbsp;&nbsp;
		<a href="timesheet.html">My Current Timesheet</a> &nbsp;&nbsp;|&nbsp;&nbsp;
		<a href="previoustime.html">My Timesheets</a> &nbsp;&nbsp;|&nbsp;&nbsp;
		<a href="search.html">Find Employee</a> &nbsp;&nbsp;|&nbsp;&nbsp;
		<a href="controlpanel.html">Control Panel</a> &nbsp;&nbsp;|&nbsp;&nbsp;
		<a href="signout.html">Signout</a>
	</div>
	<!-- only visible if logged in with manager -->
	<div class="manager">
		<a href="search_results.html?my_employees">My Employees</a> &nbsp;&nbsp;|&nbsp;&nbsp;
		<a href="addemployee.html">Add Employee</a> &nbsp;&nbsp;|&nbsp;&nbsp;
		<a href="errorsreported.html">Errors Reported</a> <span class="error_cnt">(2)</span> &nbsp;&nbsp;|&nbsp;&nbsp;
		<a href="submittedtime.html">Submitted Timesheets</a> &nbsp;&nbsp;|&nbsp;&nbsp;
		<a href="reports.html">Timesheet Reports</a>
	</div>
	<p>
	<span class="pageheader">Add employee</span>
	</p>
	<form action ="employee.html">
		<div class="left_side">
		Employee ID:<br/>
		Employee Password:<br/>
	</div>
	<div class="middle_cont">
		<input type="text" id="userid"/><br/>
		<input type="text" id="password" /><br/>
		<!-- password is text and visible for manager ease, user should change their password-->
	</div>
	<p>
		<input type="submit" value="Add Employee" class="button" onclick="return checkUsernamePassword();" />
	</p>
	</form>
  </body>
</html>